<!--
 * @Author: your name
 * @Date: 2020-12-25 11:26:34
 * @LastEditTime: 2020-12-25 15:16:09
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \basiccss\textcontrol\wenbenbasic.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字重样式</title>
    <style>
        /*子重是指的是粗细的定义  取值范围   normal bold bolder lighter 100-900*/
        /* span{
            font-weight: bold;
        }

        strong:last-child{
            font-weight: normal;
        } */

        /* article{
            /* font-size: xx-large; */
            /* font-size: x-small; */
            /* font-size: small; */
            /* font-size: medium; */
            /* font-size: large; */
            /* font-size: xx-small;
        } */ 
        /*
            百分数是子元素相对于父元素的大小
            
        */
        /* span{
            font-size: 200%;
        } */

        /*em单位等同与百分数单位*/
        article{
            font-size: 20px;
        }
        span{
            font-size: 3em;
        }

        /*文本颜色*/
        /*1:字符串颜色*/
        /* span{
            color: green;
        } */

        /*使用十六进制网页颜色，如果字符相同可以进行简写*/
        /* span{
            color: #ddd;
        } */

        /*使用RGB颜色,第四个参数为透明颜色  0-1  表示从透明到不透明*/
        /* span{
            color: rgb(38, 145, 162,0.5);
        } */
        /* p{
            font-size: 30px;
            line-height: 1.5em;
        } */


        /*
            倾斜风格
            字符的倾斜样式控制
            em 是自带倾斜样式的
        */
        /* span{
            font-style: italic;
        }


        /*修改自带倾斜样式的字体为正常的字体*/
        /* em{
            font-style: normal;
        } */ 


        /*
        组合定义
        可以使用font一次性将字符样式定义,但是要注意必须存在的一下的几点
        必须有字体规则
        必须有字符大小规则
        */
        /* span{
            font: bold italic 2em/1.5 'Courier New', Courier, monospace;
            color: rebeccapurple;
        } */

        
        

        
    </style>
</head>
<body>
    <!-- <span>houdunren.com</span>
    <strong>hdcms.com</strong> -->
    <article>
        <span>houdunren.com</span>
        <em>hdcms.com</em>
        <p>
            redis的操作很多的，以前看到一个比较全的博客，但是现在找不到了。查个东西搜半天，下面整理一下php处理redis的例子，
            个人觉得常用一些例子。下面的例子都是基于php-redis这个扩展的。redis的操作很多的，以前看到一个比较全的博客，但是
            现在找不到了。查个东西搜半天，下面整理一下php处理redis的例子，个人觉得常用一些例子。下面的例子都是基于php-redis
            这个扩展的。redis的操作很多的，以前看到一个比较全的博客，但是现在找不到了。查个东西搜半天，下面整理一下php处理red
            is的例子，个人觉得常用一些例子。下面的例子都是基于php-redis这个扩展的。redis的操作很多的，以前看到一个比较全的博客，
            但是现在找不到了。查个东西搜半天，下面整理一下php处理redis的例子，个人觉得常用一些例子。下面的例子都是基于php-redis这个扩展的。
            redis的操作很多的，以前看到一个比较全的博客，但是现在找不到了。查个东西搜半天，下面整理一下php处理redis的例子，个人觉得常用一
            些例子。下面的例子都是基于php-redis这个扩展的。redis的操作很多的，以前看到一个比较全的博客，但是现在找不到了。查个东西搜半天
            ，下面整理一下php处理redis的例子，个人觉得常用一些例子。下面的例子都是基于php-redis这个扩展的。redis的操作很多的，以前看到
            一个比较全的博客，但是现在找不到了。查个东西搜半天，下面整理一下php处理redis的例子，个人觉得常用一些例子。下面的例子都是基于
            php-redis这个扩展的。redis的操作很多的，以前看到一个比较全的博客，但是现在找不到了。查个东西搜半天，
            下面整理一下php处理redis的例子，个人觉得常用一些例子。下面的例子都是基于php-redis这个扩展的。redis的操作很多的，
            以前看到一个比较全的博客，但是现在找不到了。查个东西搜半天，下面整理一下php处理redis的例子，个人觉得常用一些例子。
            下面的例子都是基于php-redis这个扩展的。redis的操作很多的，以前看到一个比较全的博客，但是现在找不到了。查个东西搜半天，
            下面整理一下php处理redis的例子，个人觉得常用一些例子。下面的例子都是基于php-redis这个扩展的。redis的操作很多的，以
            hp-redis这个扩展的。redis的操作很多的，以前看到一个比较全的博客，但是现在找不到了。
            查个东西搜半天，下面整理一下php处理redis的例子，个人觉得常用一些例子。下面的例子都是基于php-redis这个扩展的。
        </p>
    </article>

</body>
</html>